<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>简单个人页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/treeview/bootstrap-treeview.css" type="text/css" />

    <style>
        .simplePerson {
            text-align: center;
            color: #7A786F;
            padding-top: 50px;
            padding-bottom: 110px;
            background-color: #E8E6E8;
        }

        .mymenu {
            margin: 15px auto;
        }

        .mymenu i {
            margin-right: 20px;
        }

    </style>
    <script>

        $(function () {
            //将json字符串取出,并且转换成js对象
            var userJsonStr = sessionStorage.getItem('user');
            user = JSON.parse(userJsonStr);
            //将数据添加到form中
            $('.simplePerson').renderValues(user);

            $('#logout').click(function () {
                 window.parent.location.href="/index.html";
            })
            //好友列表
            $('#mineHref').click(function () {
                window.parent.location.href = "/friend/interface/friendList.html";
            })
            //个人设置界面
            $('#messages').click(function () {
                window.parent.location.href="/friend/interface/messagePage.html";
            })
        })


    </script>


</head>
<body>

<div class="simplePerson">
    <img class="rounded-circle" width="20%" render-src="headImgUrl">
    <p><strong render-html="nickName"></strong></p>
    <p render-html="email"></p>
    <hr>
    <div class="mymenu">
        <i class="fa fa-user fa-2x fa-fw"></i>
        <a href="javascript:;" id="mineHref">
            好友列表</a>
    </div>
    <div class="mymenu">
        <i class="fa fa-envelope fa-2x fa-fw"></i>
        <a href="javascript:;" id="messages">信息通知</a>
    </div>
   <!-- <div class="mymenu">
        <i class="fa fa-comment fa-2x fa-fw"></i>
        <a href="#">通知</a>
    </div>
    <div class="mymenu">
        <i class="fa fa-cog fa-2x fa-fw"></i>
        <a href="javascript:;" id="mineInfo">设置</a>
    </div>-->
    <hr style="margin-top: 50px;">
    <div class="mymenu">
        <i class="fa fa-sign-out fa-2x fa-fw"></i>
        <label id="logout">回到首页</label>
    </div>
</div>


</body>

</html>